<!DOCTYPE html>
<html lang="en">
    <head>         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="../images/icons/favicon.png" rel="shortcut icon" />
        <meta http-equiv="content-language" content="vi" />
        <meta http-equiv="language" content="vi" />
        <title>VinaICT - Phát triển Website, Thiết kế Website và Đồ Họa, SEO và SEM</title>
        <meta name="description" content="VinaICT là công ty chuyên thiết kế website, đồ họa, phát triển ứng dụng website, dịch vụ SEO và marketing online." />
        <meta name="keywords" content="VinaICT, giap phap kinh doanh, phat trien website, thiet ke website, thiet ke do hoa, SEO, SEM, internet marketing" />
        <link href="http://www.vinaict.com/" rel="canonical" />
        <meta name="robots" content="index,follow" />
        <meta name='revisit-after' content='1 days' />
        <link href="../css/layout.css" rel="stylesheet" media="all" />
        <link href="../css/style.css" rel="stylesheet" media="all" />
        <link href="../js/jquery/lofslidernews/css/style4.css" rel="stylesheet" media="all" />
        <!--[if IE]> 
        <link href="../css/ie.css" rel="stylesheet" type="text/css" media="all" />
        <![endif]-->
        <script src="../js/jquery-1.7.2.min.js"></script>
        <script src="../js/jquery/lofslidernews/js/jquery.easing.js"></script>
        <script src="../js/jquery/lofslidernews/js/script.js"></script>
        <script type="text/javascript">
            $(function(){
                
                if (window.PIE) {
                    $('.rounded').each(function() {
                        PIE.attach(this);
                    });
                }
               
                $('.h-menu li').mouseenter(function(){
                    $(this).attr('class', $(this).attr('class') == "" ? 'hover' : $(this).attr('class') + ' hover');
                });
                
                $('.h-menu li').mouseleave(function(){
                    $(this).attr('class', $(this).attr('class').toString().replace(/hover|\shover/, ''));
                });
               
                $('.languages li').mouseenter(function(){
                    $(this).attr('class', $(this).attr('class') == "" ? 'hover' : $(this).attr('class') + ' hover');
                });
                
                $('.languages li').mouseleave(function(){
                    $(this).attr('class', $(this).attr('class').toString().replace(/hover|\shover/, ''));
                });
               
            });
            
            $(document).ready( function(){	
            // buttons for next and previous item						 
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
             $obj = $('#jslidernews1').lofJSidernews( { interval : 4000,
            easing			: 'easeInOutQuad',
            duration		: 1200,
            auto		 	: true,
            maxItemDisplay  : 3,
            startItem:1,
            navPosition     : 'horizontal', // horizontal
            navigatorHeight : null,
            navigatorWidth  : null,
            mainWidth:752,
            buttons:buttons} );		
	});
        </script>
    </head>
    <body>
        <div id="header">
            <div class="container">
                <h1 class="logo float-left">
                    <a href="http://www.vinaict.com" title="Online Marketing thật dễ dàng">
                        <img src="../images/logo-vi.png" alt="Online Marketing thật dễ dàng" />
                    </a>
                </h1>
                <div id="top-menu" class="float-right">
                    <ul>
                        <li><a href="" title="Ngôn ngữ">Ngôn ngữ</a></li>
                        <li>|</li>
                        <li class="selected"><a href="" title="Trang chủ">Trang chủ</a></li>
                        <li>|</li>
                        <li><a href="" title="Blog">Blog</a></li>
                        <li>|</li>
                        <li><a href="" title="Câu hỏi thường gặp">Câu hỏi thường gặp</a></li>
                        <li>|</li>
                        <li><a href="" title="Liên hệ">Liên hệ</a></li>
                        <li>|</li>
                        <li><a href="" title="Đăng nhập">Đăng nhập</a></li>
                    </ul>
                </div>
                <div class="h-menu w720 h45">
                    <ul class="float-right hp100">
                        <li><a href="" title="About Us">Giới Thiệu</a></li>
                        <li><a href="" title="Dịch Vụ">Dịch Vụ</a></li>
                        <li><a href="" title="Thư Viện">Thư Viện</a></li>
                        <li><a href="" title="Đào Tạo">Đào Tạo</a></li>
                        <li><a href="" title="Tuyển Dụng">Tuyển Dụng</a></li>
                        <li><a href="" title="Tin Tức">Tin Tức</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="content">
            <div id="fixed-side-box">
                <div id="online-support" class="float-right">
                    <div class="title float-left"></div>
                    <div class="content float-left">
                        <a id="live-chat" href="" title="Hỗ trợ trực tuyến"><img src="../images/live-chat-vi.png" alt="Live chat" /></a>
                    </div>
                </div>
                <div class="clear"></div>
                <div id="follow-us" class="float-right">
                    <div class="content float-left">
                        <ul>
                            <li><a href="#"><img src="../images/facebook.png" alt="Vào trang Facebook Fanpage của chúng tôi" /></a></li>
                            <li><a href="#"><img src="../images/twitter.png" alt="Đi theo chúng tôi trên Twitter" /></a></li>
                            <li><a href="#"><img src="../images/google_plug.png" alt="Kết nối với chúng tôi trên Google Plus" /></a></li>
                            <li><a href="#"><img src="../images/linkedin.png" alt="Kết nối với chúng tôi Linked-In" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="body">
                <div class="box w752 h340 margin-bottom-10 float-left">
                        <div id="jslidernews1" class="lof-slidecontent w752 h340" >
                            <div class="preload"><div></div></div>
                            <div  class="button-previous">Previous</div>
                            <div  class="button-next">Next</div>
                            <div class="main-slider-content w752 h340">
                                <ul class="sliders-wrap-inner">
                                    <li>
                                            <img src="../uploads/images/thumbl_980x340.png" alt="Newsflash 1" />
                                          <div class="slider-description">
                                            <div class="slider-meta"><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 1</h4>
                                            <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                   <li>
                                      <img src="../uploads/images/thumbl_980x340_002.png" alt="Newsflash 2" />
                                         <div class="slider-description">
                                           <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 2</h4>
                                            <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                   <li>
                                      <img src="../uploads/images/thumbl_980x340_003.png" alt="Newsflash 3" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 3</h4>
                                            <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>
                                      <img src="../uploads/images/thumbl_980x340_004.png" alt="Newsflash 4" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 4</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>
                                      <img src="../uploads/images/thumbl_980x340_005.png" alt="Newsflash 5" />
                                        <div class="slider-description">
                                           <div class="slider-meta"><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                           <h4>Content of Newsflash 5</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>

                                      <img src="../uploads/images/thumbl_980x340_006.png" alt="Newsflash 6" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 6</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                     <li>
                                      <img src="../uploads/images/thumbl_980x340_007.png" alt="Newsflash 7" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 7</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                      <li>
                                      <img src="../uploads/images/thumbl_980x340_008.png" alt="Newsflash 8" />
                                        <div class="slider-description">

                                          <div class="slider-meta"><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 8</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                                <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                  </ul>  	
                            </div>
                            
                        <div class="navigator-content">
                          <div class="button-control"><span></span></div>	
                          <div class="navigator-wrapper">
                                <ul class="navigator-wrap-inner">
                                   <li><span>1</span></li>
                                   <li><span>2</span></li>
                                   <li><span>3</span></li>
                                   <li><span>4</span></li>    
                                   <li><span>5</span></li>
                                   <li><span>6</span></li>       
                                   <li><span>7</span></li>       
                                   <li><span>8</span></li>          		
                                </ul>
                          </div>
                        </div> 
                    </div>
                </div>
                
                <div id="hot-news" class="box zero-border w188 h529 float-right">
                    <h2 class="h37 news padding-left_10 margin-5_5_5_5">Tin mới</h2>
                    <ul class="list-news">
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                    </ul>
                </div>
                
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Phát triển Web cho Smart Phone</a></h2>
                    <a href="#" ><div class="w182 h130 float-left web-mobile"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Phát triển Website</a></h2>
                    <a href="#" ><div class="w182 h130 float-left development"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Thiết kế Web và Đồ họa</a></h2>
                    <a href="#" ><div class="w182 h130 float-left graphic"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Dịch vụ SEO và SEM</a></h2>
                    <a href="#" ><div class="w182 h130 float-left sem-seo"></div> </a>                    
                </div>
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Sản phẩm - Dịch vụ khác</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Thư viện Demo</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Quy trình</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_0_10_0">
                    <h2><a href="#">Thông tin liên hệ</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <div class="h100 small-text justify float-left">
                            <h3>VinaICT Co., Ltd.</h3>
                            <u><b>Add:</b></u> 170/46 Le Duc Tho, Ward 6, Go Vap, Ho Chi Minh City, Vietnam.<br/>
                            <u><b>Tel:</b></u> (08) 62 890 254 <u><b>Fax:</b></u> (08) 62 890 264<br/>
                            <u><b>Website:</b></u> <a href="http://www.VinaICT.com">www.VinaICT.com</a><br/>
                            <u><b>Email:</b></u> <a href="mailto:info@vinaict.com">info@vinaict.com</a><br/>
                        </div>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div id="footer">
                <div class="h-menu float-left">
                    <ul>
                        <li class="selected"><a href="" title="Home">Home</a></li>
                        <li>|</li>
                        <li><a href="" title="About Us">About Us</a></li>
                        <li>|</li>
                        <li><a href="" title="Our Services">Our Services</a></li>
                        <li>|</li>
                        <li><a href="" title="Portfolio">Portfolio</a></li>
                        <li>|</li>
                        <li><a href="" title="Contact">Contact</a></li>
                        <li>|</li>
                        <li><a href="" title="Home">Sitemap</a></li>
                    </ul>
                </div>
                <div class="copyright float-right">
                    Copyright &copy; 2012 VinaICT. All rights reserved
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
    </body>

</html>
